<!-- eslint-disable vue/multi-word-component-names -->
 <!-- 个人中心页面 -->
 <template>  
    <div class="admin">  
      <Sidebar />  
      <RouterView />  
    </div>  
  </template>  

<script setup lang="ts">
import Sidebar from './components/Sidebar.vue';

</script>

<style lang="scss" scoped>  
.admin{  
  // height: 100vh;
  display: flex; 
  width: 1200px;
}  

RouterView {  
  flex: 1; /* 让 RouterView 占据剩余空间 */  
}  
// 缺点：颜色变化
.sidebar {  
  height: 700px; /* 计算剩下的高度，使其高于导航栏 */  
}  
</style>